<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    <ul class="list">
        <li>link1</li>
        <li>link2</li>
        <li>link3</li>
        <li>link4</li>
        <li>link5</li>
        <li>link6</li>
        <li>link7</li>
    </ul>
</body>
<script>

    // 1. 循环中的事件内部无法获取循环每次的计数器

    // const ali = document.querySelectorAll(".list li")
    // for(var i=0;i<ali.length;i++){
    //     function fn(ii){
    //         ali[ii].onclick = function(){
    //             console.log(ii);
    //         }
    //     }
    //     fn(i);
    // }

    // const ali = document.querySelectorAll(".list li")
    // for(var i=0;i<ali.length;i++){
    //     ali[i].onclick = (function(ii){
    //         return function(){
    //             console.log(ii);
    //         }
    //     })(i);
    // }

    // const ali = document.querySelectorAll(".list li")
    // for(let i=0;i<ali.length;i++){
    //     ali[i].onclick = function(){
    //         console.log(i);
    //     }
    // }

    // ===========

    // 2. 给不能传参的 内置函数的回调函数 传参
    // setTimeout( fn(123), 1000 );
    // function fn(a){
    //     return function(){
    //         console.log(a);
    //     }
    // }

    // document.onclick = fn("hello");
    // function fn(a){
    //     return function(eve){
    //         console.log(a)
    //         console.log(eve)
    //     }
    // }

    







</script>
</html>